<template>
  <div class="about">
    <h1>This is an about page</h1>
    <Comment :actions="[1,2,3]">
      <!-- <template #actions>
        <span @click="fun" key="comment-nested-reply-to">Reply to</span>
      </template>
      <template #author>
        <a>Han Solo</a>
      </template>
      <template #avatar>
        <img
          width="40"
          src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
          alt="Han Solo"
        />
      </template>
      <template #content>
        <p>
          We supply a series of design principles, practical patterns and high
          quality design resources (Sketch and Axure).
        </p>
      </template>
      <Comment>
        <template #actions>
          <span>Reply to</span>
        </template>
        <template #author>
          <a>Han Solo</a>
        </template>
        <template #avatar>
          <img
            width="40"
            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
            alt="Han Solo"
          />
        </template>
        <template #content>
          <p>
            We supply a series of design principles, practical patterns and high
            quality design resources (Sketch and Axure).
          </p>
        </template>
        <Comment>
          <template #actions>
            <span>Reply to</span>
          </template>
          <template #author>
            <a>Han Solo</a>
          </template>
          <template #avatar>
            <img
              width="40"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
              alt="Han Solo"
            />
          </template>
          <template #content>
            <p>
              We supply a series of design principles, practical patterns and
              high quality design resources (Sketch and Axure).
            </p>
          </template>
        </Comment>
        <Comment>
          <template #actions>
            <span>Reply to</span>
          </template>
          <template #author>
            <a>Han Solo</a>
          </template>
          <template #avatar>
            <img
              width="40"
              src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
              alt="Han Solo"
            />
          </template>
          <template #content>
            <p>
              We supply a series of design principles, practical patterns and
              high quality design resources (Sketch and Axure).
            </p>
          </template>
        </Comment>
      </Comment> -->
    </Comment>
    <div id="mini"></div>
  </div>
</template>
<script>
import ByMusic from "../components/music/index.js";
import Comment from "../components/comment/comment";
export default {
  components: {
    Comment,
  },
  methods: {
    addMusic() {
      //  this.$nextTick(function() {
      ByMusic.showMode("mini", true);
      //  })
    },
    fun(){
      console.log(1111111)
    }
  },
  created() {
    this.addMusic();
  },
  unmounted() {
    ByMusic.showMode("mini", false);
  },
};
</script>
